﻿@model SuperStar.Models.Product
@{
    ViewBag.Title = "Chi tiết sản phẩm - " + Model.Name;
}

@section JavaScript
{
    <script src="~/Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
         $(function () {
             $("#tabs").tabs({cookie: {expires: 365}});
        });
    </script>
       
}
@section Styles
{
    <link href="~/Content/theme/mystyle_productdetail.css" rel="stylesheet" type="text/css" />
}


<div id="content">
	<div class="box hotproduct">
		<h2 class="head-big-title">
			<a href="#"><span>Chi tiết sản phẩm: @Model.Name</span></a>
		</h2>
        <div class="sub_content" style="padding: 10px;width: 752px;">
				<div class="img_sp2">
					<div class="product_title">@Model.Name</div>
					<img src="/Content/images/products/@Model.Image" />
					<div class="pro_info">
                        <div class="product_price">Giá: @String.Format("{0:N0}", Model.Price) VNĐ </div>
                        <div class="product_point">Điểm thưởng: @Model.GiftPoint</div>
                        <a href="@Url.Action("AddToCart","Cart",new {id = Model.Id})">
                                <img src="/Content/images/btn_bid.png" alt="Add to cart"/></a>
					</div>
				</div>
				<div class="s_content">
					@Html.Raw(Model.Intro)
				</div>
				
				<div class="clearb"></div>
				
				<div id="tabs">
					<ul>
						<li><a href="#tabs-1">Thông tin sản phẩm</a></li>
						<li><a href="#tabs-2">Tặng phẩm khuyến mãi</a></li>
					</ul>
                    <div id="tabs-1">
                        @Html.Raw(@Model.Contents)
                    </div>
                    <div id="tabs-2">
                        @if (@Model.ProductPromotions.Count == 0)
                        {
                            <p>Sản phẩm không có tặng phẩm khuyến mãi.</p>
                        }
                        else
                        {
                            <table cellpadding="0" cellspacing="0" border="1">
                            <tr>
                                <th>Tên tặng phẩm</th>
                                <th>Số lượng còn lại trong kho</th>
                                <th>Tặng phẩm nhận tối đa</th>
                                <th>Điểm yêu cầu</th>
                            </tr>
                            @foreach (var p in Model.ProductPromotions)
                            {
                                <tr>
                                    <td>@p.Name</td>
                                    <td>@p.RemainAmount</td>
                                    <td>@p.MaxGiftAmount</td>
                                    <td>@p.GiftPointRequired</td>
                                </tr>
                            }
                            </table>
                        }
                      
                    </div>
				</div>
        </div><!--End sub_content-->
	</div>
    </div>